<template>
	<div>
		<el-card class="!border-none p-4 " shadow="never">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				提成录入
			</div>
			<el-row class="mt-[20px]">
				<el-col :span="7">
					<div class="main-color v-flex">
						<span class="w-[120px] text-right">订单类型：</span>
						<el-input disabled placeholder="请输入" clearable />
					</div>
				</el-col>
				<el-col :span="7" class="ml-[50px]">
					<div class="main-color v-flex">
						<span class="w-[120px] text-right">货值：</span>
						<el-input disabled placeholder="请输入" clearable />
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="7">
					<div class="main-color v-flex">
						<span class="w-[120px] text-right">运费：</span>
						<el-input disabled placeholder="请输入" clearable />
					</div>
				</el-col>
				<el-col :span="7" class="ml-[50px]">
					<div class="main-color v-flex">
						<span class="w-[120px] text-right">定金手续费：</span>
						<el-input disabled placeholder="请输入" clearable />
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="7">
					<div class="main-color v-flex">
						<span class="w-[120px] text-right">余额手续费：</span>
						<el-input disabled placeholder="请输入" clearable />
					</div>
				</el-col>
				<el-col :span="7" class="ml-[50px]">
					<div class="main-color v-flex">
						<span class="w-[120px] text-right">提成比例：</span>
						<el-input disabled placeholder="请输入" clearable />
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="7">
					<div class="main-color v-flex">
						<span class="w-[92px] text-right">提成全额：</span>
						<span class="v-wordBreak ml-[10px] flex-1">012010225</span>
					</div>
				</el-col>
			</el-row>
		</el-card>
		<el-card class="!border-none p-4 mt-[20px]" shadow="never">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				提成录入
			</div>
			<el-row class="mt-[20px]">
				<el-col :span="7">
					<div class="main-color v-flex">
						<span class="w-[120px] text-right">提成发放：</span>
						<el-input disabled placeholder="请输入" clearable />
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="7">
					<div class="main-color v-flex">
						<span class="w-[92px] text-right">发放日期：</span>
						<el-date-picker class="flex-1 ml-[6px]" type="date" placeholder="选择日期" size="default" />
					</div>
				</el-col>
			</el-row>
		</el-card>
		<el-card class="!border-none p-4 mt-[20px]" shadow="never">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				提成发放记录
			</div>
			<el-row class="mt-[20px]">
				<el-col :span="7" class="">
					<div class="main-color v-flex ">
						<span class="w-[92px] text-right">发放日期：</span>
						<span class="v-wordBreak ml-[10px]">人民币伍万贰仟捌佰柒拾贰元整</span>
					</div>
				</el-col>
				<el-col :span="7">
					<div class="main-color v-flex ml-[50px]">
						<span class="w-[92px] text-right">发放金额：</span>
						<span class="v-wordBreak ml-[10px]">012010225</span>
					</div>
				</el-col>
			</el-row>
		</el-card>
	</div>
</template>

<script>
</script>

<style>
</style>